<?php /** Sub-includes of calendarNavigation.php. Under the #schedEvent wrapper */ ?>

<link rel="stylesheet" href="css/jquery.autocomplete.css" type="text/css">
<link rel="stylesheet" href="css/scheduler.css" type="text/css">
<!--<script type="text/javascript" src="js/ui/jquery.js"></script>-->
<script type="text/javascript" src="js/plugins/jquery.autocomplete.js"></script>
<script type="text/javascript" src="js/date.ext.js"></script>
<script type="text/javascript" src="js/DateRange.class.js"></script>
<script type="text/javascript" src="js/scheduler.js"></script>

<div class="ui-scheduler-control">
	<img alt="&lt;" title="Previous" src="images/prev.png">
	<img alt="[-]" title="Zoom Out"  src="images/zoomout.png">
	<img alt="Schedule" title="Schedule Meeting" src="images/schedule.png">
	<img alt="Reset" title="Reset Scheduler" src="images/reset.png">
	<img alt="[+]" title="Zoom In" src="images/zoomin.png">
	<img alt="&gt;" title="Next" src="images/next.png">
</div>
<div class="ui-scheduler-info">
<label>Meeting Title: <input id="mttitle" type="text" size="30"></label>
<label>Short Description: <input id="mtdesc" type="text" size="50"></label>
<label>Add this meeting to: 	<select id="mtcal">
		<?php
			$cal = new Zend_Gdata_Calendar($_SESSION['client']);
			//get the list of calendars 
			$calFeed = $cal->getCalendarListFeed();
			//display the list of all the user's calendars
			foreach($calFeed as $calendar) {
				echo "<option value='".$calendar->id."'>".$calendar->title->text."</option>";
			}
		?>
	</select></lable><br/>
<span class="date-info"></span>
</div>
<table class="ui-scheduler" border="1" cellspacing="0" cellpadding="0">
<thead class="ui-scheduler-range">
	<tr>
		<td>Enter name:<br><img id="adduser" src="images/add.png" alt="Add"/> <input id="qname" type="text" size="10"></td>
	</tr>
</thead>
<tbody class="ui-scheduler-avail">
<!-- 
<tr class="ui-scheduler-avail-user">
    <td><span class="ui-scheduler-attendee" id="jdoe@no.com">John Doe</span></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr class="ui-scheduler-avail-user">
    <td><span class="ui-scheduler-attendee" id="jdoe@no.com">John Doe</span></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
 -->
</tbody></table>

<script type="text/javascript">
var now=new Date();
now.setMinutes(0);
now.setSeconds(0);
now.setMilliseconds(0);
scheduler.init(new DateRange( new Date(now.getTime()-4*3600*1000), new Date(now.getTime()+8*3600*1000) ),
				60, []);
scheduler.load();
</script>
